/**************** GENERAL ****************/
*
  {
  	margin:0;
  	padding:0;
}
.invisible
{
	display:none;
}
body
{
	background-color:#111a1c;
	font-family:arial,verdana,tahoma;
	font-size:14px;
	line-height:20px;
}
iframe
{
	border:none;
	width:100%; 
	margin:0px;
}
img
{
	border:none;
}
img:active
{
	border:none;
}
#bulles
{
	position:absolute;
	z-index:-10;
	background:url(/images/bulles.png) repeat-y; 
	width:100%;
}
/**************** HEADER ****************/
#header
{
	width:100%;
	height:242px;
}
/* FORMULAIRE CONNEXION */
#form_login
{
	height:82px; /* 48 */
	width:1000px;
	margin:auto;
	padding:0;
}
/* TABLEAU DE BORD */
#tab
{
	height:52px; 
	width:950px;
	padding-left:40px;
	position:fixed; 
	top:0px;
	z-index:1500;
	background:url(../images/fond_tab.png) 36px 0px no-repeat;
}
#tab ul
{
	list-style-type:none;
	color:#FFF;
	height:50px;
}
#tab ul#tab_info2
{
	float:left;
	width:100%;
}
#tab ul li
{
	float:left;
	display:block;
	text-align:center;
	text-shadow: 2px 2px 5px #000000;
    /*filter: dropshadow(color=#000000, offx=2, offy=2);*/
}
#tab ul li.tab_ext img, #tab ul li.tab_int img
{
	margin-right:4px;
}
#tab ul li.tab_ext
{
	width:160px;
	height:100%;
	line-height:48px;
	font-size:22px;
}
#tab ul li#tab_ext1
{
	background:url(../images/tab1.png) no-repeat;
	margin-right:4px;
}
#tab ul li#tab_ext2
{
	background:url(../images/tab3.png) no-repeat;
	margin-left:4px;
}
#tab ul li.tab_int
{
	width:140px;
	height:100%;
	background:url(../images/tab2.png) no-repeat;
	line-height:48px;
	font-size:22px;
}
#tab ul li#avatar
{
	height:48px;
	width:48px;
	padding-left:3px;
	padding-right:3px;
}

/* SI CONNECTE SWITCH SITE/JEU */
#tab ul#switch
{
	width:127px;/*ancien 124px -- à voir si ça ne dépasse pas avec la bordure*/
	margin-left:825px;
	position:absolute;
}
#tab ul#switch li#jeu
{
	float:right;
}
#tab ul#switch li#site_un /* site uniquement */
{
	float:left;
	margin-top:-34px;
	margin-left:-4.5px;
}
/*
#tab ul#switch li#site_un 
{
	float:left;
	margin-top:-24px;
}

#tab ul#switch li#site_un 
{
	float:left;
	margin-top:29px;
}
#tab ul#switch li#jeu
{
	float:left;
	margin-top: -77px;
	margin-left: 43px;
}
*/
#tab ul li ul
{
	margin-right:4px;
}	
#tab ul li ul li
{
	clear:both;
	height:20px;
	width:195px;
	border:solid 1px #1c3239;
	background:#28505c;
}
#tab ul li ul li#titre
{
	color:#b3c8cd;
	margin-top:4px;
}
/* MENU */
#menu_large
{
	width:1000px;
	margin:auto;
	padding-top:2px;
}
#logo
{
	margin:-13px 0 0 50px;
	float:left;
}
#lang
{
	float:right;
	margin:36px 75px 0 0;
}
#lang ul
{
	list-style-type:none;
}
#lang ul li
{
	float:left;
	width:36px;
	height:39px;
	margin-left:4px;
}
#lang ul li a
{
	width:36px;
	height:39px;
	display:block;
}
#lang ul li.langues
{
	background:url(../images/lang/langues.png) no-repeat;
}
#lang ul li#uk
{
	background-position: -51px -54px;
}
#lang ul li#uk:hover
{
	background-position: -97px -54px;
}
#lang ul li#uk:active
{
	background-position: -97px -5px;
}
#lang ul li#fr
{
	background-position: -5px -5px;
}
#lang ul li#fr:hover
{
	background-position: -5px -54px;
}
#lang ul li#fr:active
{
	background-position: -51px -5px;
}
/**************** CORPS ****************/
#corps
{
	width:100%;
	min-height:200px;
	height:auto;
	clear:both;
	padding-top:25px;
	padding-bottom:35px;
}
/* Div contenant simplement la couleur du corps, qui vient se glisser sous le motif de bulle
 (le vrai corp se glisse au-dessus, pour être cliquable). */
#background_corps 
{
	background:#1b282c;
	position:absolute;
	z-index:-20;
	width:100%;
}
/**************** FOOTER ****************/
#footer
{
	width:100%;
	padding-top:20px;
	min-height:70px;
	clear:both;
}
#footer p
{
	text-align:center;
	color:#28505c;
}	
#footer p a
{
	text-decoration:none;
	color:#28505c;
}	
#footer p a:hover
{
	color:#f0f9ef;
}	

